<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<script>
		$(function(){
//			选择器1 选择器2 表示在选择1下查找所有符合选择器2的"后代"元素
//			console.log( $("form .tttt") );
//			选择器1 > 选择器2 表示在选择器1下查找所有的 "子" 元素
//			console.log( $("form > input") );
//			选择器1  + 选择器2  表示查找紧跟在选择器1后面的符合选择器2的元素
//			console.log( $("label + input") );
//			console.log( $("label ~ input") );
		})
	</script>

	<body>
		<form>
			<input name="name" class="tttt"/>
			<label>Name:</label>
			<span></span>
			<input name="name" class="tttt"/>
			<fieldset>
				<label>Newsletter:</label>
				<input name="newsletter" />
				<input name="newsletter2" />
			</fieldset>
		</form>
		<input name="none" />
	</body>

</html>